let winWidth = document.documentElement.clientWidth;
let winHeight = document.documentElement.clientHeight;
let ment = true;

$('.video').css('height',winHeight);

let flag = true;
$('.pagoda').click(function(){
	if(flag){
		$('.downloadMethod_cont').css({
			'transform': 'scaleX(0)',
			'opacity': '0'
		})
	}else{
		$('.downloadMethod_cont').css({
			'transform': 'scaleX(1)',
			'opacity': '1'
		})
	}
	flag = !flag;
})

$('#main').fullpage({
	anchors: ['page1', 'page2', 'page3', 'page4'],
	menu: '#menu',
	// scrollBar: true,
	onLeave: function(index, nextIndex, direction){
	}
});

var mySwiper = new Swiper ('.swiper-container', {
    autoplay: {
        delay: 2000,
    	disableOnInteraction: false,
    	// waitForTransition: false
    },
})

$('.notice_title .title_cont ul li').click(function(){
	$(this).addClass('current').siblings().removeClass('current');
	$('.aentDels').eq($(this).index()).addClass('show').siblings().removeClass('show');
})
// console.log($('.gameCharacter_sub ul li:nth-child(1)'));
$('.gameCharacter_sub .lists li').click(function(){
	$('.gameCharacter_sub .lists li:nth-child(even)').animate({
		'top': '861px',
		'opacity': '0',
	},100)
	$('.gameCharacter_sub .lists li:nth-child(odd)').animate({
		'top': '-861px',
		'opacity': '0',
	},100)
})


$('.gameCharacter_sub .lists li:nth-child(1)').click(function(){
	$('.roleDetails1').fadeIn(1000);
	$('.returnCamp_sub').css('display','block')
})
$('.gameCharacter_sub .lists li:nth-child(2)').click(function(){
	$('.roleDetails2').fadeIn(1000);
	$('.returnCamp_sub').css('display','block')
})
$('.gameCharacter_sub .lists li:nth-child(3)').click(function(){
	$('.roleDetails3').fadeIn(1000);
	$('.returnCamp_sub').css('display','block')
})
$('.gameCharacter_sub .lists li:nth-child(4)').click(function(){
	$('.roleDetails4').fadeIn(1000);
	$('.returnCamp_sub').css('display','block')
})
$('.gameCharacter_sub .lists li:nth-child(5)').click(function(){
	$('.roleDetails5').fadeIn(1000);
	$('.returnCamp_sub').css('display','block')
})

$('.returnCamp').click(function(){
	$('.gameCharacter_sub .lists li:nth-child(even)').animate({
		'top': '0',
		'opacity': '1',
	},100)
	$('.roleDetails').css('display','none')
	$('.gameCharacter_sub .lists li:nth-child(odd)').animate({
		'top': '0',
		'opacity': '1',
	},100)
})

$('.returnCamp').hover(
	function(){
		$('.returnCamp_sub').css('transform','rotateY(90deg)')
		$('.returnCamp_sub2').css('transform','rotateY(0)')
	},
		function(){
			$('.returnCamp_sub').css('transform','rotateY(0deg)')
			$('.returnCamp_sub2').css('transform','rotateY(90deg)')
		}
)

$('.kuai').on('mouseover',function(){
	$('.red').css('transform','scale(1.1)')
	$('.kalts').css('left','30%')
	$('.amiya').css('left','43%')
	$('.dobber').css('left','57%')
	$('.nearl').css('left','71%')
})
$('.kuai').on('mouseout',function(){
	$('.red').css('transform','scale(1)')
	$('.kalts').css('left','28%')
	$('.amiya').css('left','41%')
	$('.dobber').css('left','55%')
	$('.nearl').css('left','69%')
})
$('.kuai2').on('mouseover',function(){
	$('.kalts').css('transform','scale(1.1)')
	$('.red').css('left','13%')
	$('.amiya').css('left','43%')
	$('.dobber').css('left','57%')
	$('.nearl').css('left','71%')
})
$('.kuai2').on('mouseout',function(){
	$('.kalts').css('transform','scale(1)')
	$('.red').css('left','15%')
	$('.amiya').css('left','41%')
	$('.dobber').css('left','55%')
	$('.nearl').css('left','69%')
})
$('.kuai3').on('mouseover',function(){
	$('.amiya').css('transform','scale(1.1)')
	$('.red').css('left','13%')
	$('.kalts').css('left','26%')
	$('.dobber').css('left','57%')
	$('.nearl').css('left','71%')
})
$('.kuai3').on('mouseout',function(){
	$('.amiya').css('transform','scale(1)')
	$('.red').css('left','15%')
	$('.kalts').css('left','28%')
	$('.dobber').css('left','55%')
	$('.nearl').css('left','69%')
})
$('.kuai4').on('mouseover',function(){
	$('.dobber').css('transform','scale(1.1)')
	$('.red').css('left','13%')
	$('.kalts').css('left','26%')
	$('.amiya').css('left','39%')
	$('.nearl').css('left','71%')
})
$('.kuai4').on('mouseout',function(){
	$('.dobber').css('transform','scale(1)')
	$('.red').css('left','15%')
	$('.kalts').css('left','28%')
	$('.amiya').css('left','41%')
	$('.nearl').css('left','69%')
})
$('.kuai5').on('mouseover',function(){
	$('.nearl').css('transform','scale(1.1)')
	$('.red').css('left','13%')
	$('.kalts').css('left','26%')
	$('.amiya').css('left','39%')
	$('.dobber').css('left','53%')
})
$('.kuai5').on('mouseout',function(){
	$('.nearl').css('transform','scale(1)')
	$('.red').css('left','15%')
	$('.kalts').css('left','28%')
	$('.amiya').css('left','41%')
	$('.dobber').css('left','55%')
})
$('.kuai').on('mouseover',function(){
	$('.hsguma').css('transform','scale(1.1)')
	$('.chen').css('left','52%')
})
$('.kuai').on('mouseout',function(){
	$('.hsguma').css('transform','scale(1)')
	$('.chen').css('left','50%')
})
$('.kuai2').on('mouseover',function(){
	$('.chen').css('transform','scale(1.1)')
	$('.hsguma').css('left','35%')
})
$('.kuai2').on('mouseout',function(){
	$('.chen').css('transform','scale(1)')
	$('.hsguma').css('left','37%')
})
$('.kuai').on('mouseover',function(){
	$('.moes').css('transform','scale(1.1)')
	$('.texas').css('left','45%')
	$('.angel').css('left','58%')
})
$('.kuai').on('mouseout',function(){
	$('.moes').css('transform','scale(1)')
	$('.texas').css('left','43%')
	$('.angel').css('left','56%')
})
$('.kuai2').on('mouseover',function(){
	$('.texas').css('transform','scale(1.1)')
	$('.moes').css('left','28%')
	$('.angel').css('left','58%')
})
$('.kuai2').on('mouseout',function(){
	$('.texas').css('transform','scale(1)')
	$('.moes').css('left','30%')
	$('.angel').css('left','56%')
})
$('.kuai3').on('mouseover',function(){
	$('.angel').css('transform','scale(1.1)')
	$('.moes').css('left','28%')
	$('.texas').css('left','41%')
})
$('.kuai3').on('mouseout',function(){
	$('.angel').css('transform','scale(1)')
	$('.moes').css('left','30%')
	$('.texas').css('left','43%')
})
$('.kuai').on('mouseover',function(){
	$('.plosis').css('transform','scale(1.1)')
	$('.ifrit').css('left','45%')
	$('.silent').css('left','58%')
})
$('.kuai').on('mouseout',function(){
	$('.plosis').css('transform','scale(1)')
	$('.ifrit').css('left','43%')
	$('.silent').css('left','56%')
})
$('.kuai2').on('mouseover',function(){
	$('.ifrit').css('transform','scale(1.1)')
	$('.plosis').css('left','28%')
	$('.silent').css('left','58%')
})
$('.kuai2').on('mouseout',function(){
	$('.ifrit').css('transform','scale(1)')
	$('.plosis').css('left','30%')
	$('.silent').css('left','56%')
})
$('.kuai3').on('mouseover',function(){
	$('.silent').css('transform','scale(1.1)')
	$('.plosis').css('left','28%')
	$('.ifrit').css('left','41%')
})
$('.kuai3').on('mouseout',function(){
	$('.silent').css('transform','scale(1)')
	$('.plosis').css('left','30%')
	$('.ifrit').css('left','43%')
})
$('.kuai').on('mouseover',function(){
	$('.frank').css('transform','scale(1.1)')
	$('.liskarm').css('left','52%')
})
$('.kuai').on('mouseout',function(){
	$('.frank').css('transform','scale(1)')
	$('.liskarm').css('left','50%')
})
$('.kuai2').on('mouseover',function(){
	$('.liskarm').css('transform','scale(1.1)')
	$('.frank').css('left','35%')
})
$('.kuai2').on('mouseout',function(){
	$('.liskarm').css('transform','scale(1)')
	$('.frank').css('left','37%')
})
$('.roleDetails1 .kuai').click(function(){
	$('.red').css('width','45%')
	$('.red').css('top','-20%')
	$('.red').css('left','18%')
	$('.red').css('z-index','999')
	$('.dobber').css('filter','brightness(20%)')
	$('.kalts').css('filter','brightness(20%)')
	$('.amiya').css('filter','brightness(20%)')
	$('.nearl').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
	$('.kuai4').css('display','none')
	$('.kuai5').css('display','none')
})
$('.roleDetails1 .kuai2').click(function(){
	$('.kalts').css('width','45%')
	$('.kalts').css('top','-20%')
	$('.kalts').css('left','18%')
	$('.kalts').css('z-index','999')
	$('.dobber').css('filter','brightness(20%)')
	$('.red').css('filter','brightness(20%)')
	$('.amiya').css('filter','brightness(20%)')
	$('.nearl').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
	$('.kuai4').css('display','none')
	$('.kuai5').css('display','none')
})
$('.roleDetails1 .kuai3').click(function(){
	$('.amiya').css('width','45%')
	$('.amiya').css('top','-20%')
	$('.amiya').css('left','18%')
	$('.amiya').css('z-index','999')
	$('.dobber').css('filter','brightness(20%)')
	$('.red').css('filter','brightness(20%)')
	$('.kalts').css('filter','brightness(20%)')
	$('.nearl').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
	$('.kuai4').css('display','none')
	$('.kuai5').css('display','none')
})
$('.roleDetails1 .kuai4').click(function(){
	$('.dobber').css('width','45%')
	$('.dobber').css('top','-20%')
	$('.dobber').css('left','18%')
	$('.dobber').css('z-index','999')
	$('.amiya').css('filter','brightness(20%)')
	$('.red').css('filter','brightness(20%)')
	$('.kalts').css('filter','brightness(20%)')
	$('.nearl').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
	$('.kuai4').css('display','none')
	$('.kuai5').css('display','none')
})
$('.roleDetails1 .kuai5').click(function(){
	$('.nearl').css('width','45%')
	$('.nearl').css('top','-20%')
	$('.nearl').css('left','18%')
	$('.nearl').css('z-index','999')
	$('.amiya').css('filter','brightness(20%)')
	$('.red').css('filter','brightness(20%)')
	$('.kalts').css('filter','brightness(20%)')
	$('.dobber').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
	$('.kuai4').css('display','none')
	$('.kuai5').css('display','none')
})
$('.roleDetails2 .kuai').click(function(){
	$('.hsguma').css('width','45%')
	$('.hsguma').css('top','-20%')
	$('.hsguma').css('left','18%')
	$('.hsguma').css('z-index','999')
	$('.chen').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
})
$('.roleDetails2 .kuai2').click(function(){
	$('.chen').css('width','45%')
	$('.chen').css('top','-20%')
	$('.chen').css('left','18%')
	$('.chen').css('z-index','999')
	$('.hsguma').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
})
$('.roleDetails3 .kuai').click(function(){
	$('.moes').css('width','45%')
	$('.moes').css('top','-20%')
	$('.moes').css('left','18%')
	$('.moes').css('z-index','999')
	$('.texas').css('filter','brightness(20%)')
	$('.angel').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})
$('.roleDetails3 .kuai2').click(function(){
	$('.texas').css('width','45%')
	$('.texas').css('top','-20%')
	$('.texas').css('left','18%')
	$('.texas').css('z-index','999')
	$('.moes').css('filter','brightness(20%)')
	$('.angel').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})
$('.roleDetails3 .kuai3').click(function(){
	$('.angel').css('width','45%')
	$('.angel').css('top','-20%')
	$('.angel').css('left','18%')
	$('.angel').css('z-index','999')
	$('.texas').css('filter','brightness(20%)')
	$('.moes').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})
$('.roleDetails4 .kuai').click(function(){
	$('.plosis').css('width','45%')
	$('.plosis').css('top','-20%')
	$('.plosis').css('left','18%')
	$('.plosis').css('z-index','999')
	$('.ifrit').css('filter','brightness(20%)')
	$('.silent').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})
$('.roleDetails4 .kuai2').click(function(){
	$('.ifrit').css('width','45%')
	$('.ifrit').css('top','-20%')
	$('.ifrit').css('left','18%')
	$('.ifrit').css('z-index','999')
	$('.plosis').css('filter','brightness(20%)')
	$('.silent').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})
$('.roleDetails4 .kuai3').click(function(){
	$('.silent').css('width','45%')
	$('.silent').css('top','-20%')
	$('.silent').css('left','18%')
	$('.silent').css('z-index','999')
	$('.plosis').css('filter','brightness(20%)')
	$('.ifrit').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
	$('.kuai3').css('display','none')
})

$('.roleDetails5 .kuai').click(function(){
	$('.frank').css('width','45%')
	$('.frank').css('top','-20%')
	$('.frank').css('left','18%')
	$('.frank').css('z-index','999')
	$('.liskarm').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
})
$('.roleDetails5 .kuai2').click(function(){
	$('.liskarm').css('width','45%')
	$('.liskarm').css('top','-20%')
	$('.liskarm').css('left','18%')
	$('.liskarm').css('z-index','999')
	$('.frank').css('filter','brightness(20%)')
	$('.kuai').css('display','none')
	$('.kuai2').css('display','none')
})

$('.cha').click(function(){
	$('.red').css('width','33%')
	$('.red').css('top','0')
	$('.red').css('left','15%')
	$('.red').css('z-index','1')
	$('.dobber').css('filter','brightness(100%)')
	$('.kalts').css('filter','brightness(100%)')
	$('.amiya').css('filter','brightness(100%)')
	$('.nearl').css('filter','brightness(100%)')
	$('.kuai').css('display','block')
	$('.kuai2').css('display','block')
	$('.kuai3').css('display','block')
	$('.kuai4').css('display','block')
	$('.kuai5').css('display','block')
})
$('.cha').click(function(){
	$('.introduce_text').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha').click(function(){
	$('.introduce').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha').click(function(){
	$('.cha').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.kuai').click(function(){
	$('.introduce').css('display','block')
	$('.introduce').animate({
		'left': '39%',
		'opacity': '1'
	},200)
})
$('.kuai').click(function(){
	$('.introduce_text').css('display','block')
	$('.introduce_text').animate({
		'left': '37%',
		'opacity': '1'
	},200)
})
$('.kuai').click(function(){
	$('.cha').animate({
		'left': '80%',
		'opacity': '1'
	},200)
})


$('.cha2').click(function(){
	$('.kalts').css('width','33%')
	$('.kalts').css('top','0')
	$('.kalts').css('left','28%')
	$('.kalts').css('z-index','1')
	$('.dobber').css('filter','brightness(100%)')
	$('.red').css('filter','brightness(100%)')
	$('.amiya').css('filter','brightness(100%)')
	$('.nearl').css('filter','brightness(100%)')
	$('.kuai').css('display','block')
	$('.kuai2').css('display','block')
	$('.kuai3').css('display','block')
	$('.kuai4').css('display','block')
	$('.kuai5').css('display','block')
})
$('.cha2').click(function(){
	$('.introduce_text2').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha2').click(function(){
	$('.introduce2').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha2').click(function(){
	$('.cha2').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.kuai2').click(function(){
	$('.introduce2').css('display','block')
	$('.introduce2').animate({
		'left': '39%',
		'opacity': '1'
	},200)
})
$('.kuai2').click(function(){
	$('.introduce_text2').css('display','block')
	$('.introduce_text2').animate({
		'left': '37%',
		'opacity': '1'
	},200)
})
$('.kuai2').click(function(){
	$('.cha2').animate({
		'left': '80%',
		'opacity': '1'
	},200)
})


$('.cha3').click(function(){
	$('.amiya').css('top','0')
	$('.amiya').css('left','28%')
	$('.amiya').css('width','33%')
	$('.amiya').css('z-index','1')
	$('.dobber').css('filter','brightness(100%)')
	$('.red').css('filter','brightness(100%)')
	$('.kalts').css('filter','brightness(100%)')
	$('.nearl').css('filter','brightness(100%)')
	$('.kuai').css('display','block')
	$('.kuai2').css('display','block')
	$('.kuai3').css('display','block')
	$('.kuai4').css('display','block')
	$('.kuai5').css('display','block')
})
$('.cha3').click(function(){
	$('.introduce_text3').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha3').click(function(){
	$('.introduce3').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.cha3').click(function(){
	$('.cha3').animate({
		'left': '300',
		'opacity': '0',
	},200)
})
$('.kuai3').click(function(){
	$('.introduce3').css('display','block')
	$('.introduce3').animate({
		'left': '39%',
		'opacity': '1'
	},200)
})
$('.kuai3').click(function(){
	$('.introduce_text3').css('display','block')
	$('.introduce_text3').animate({
		'left': '37%',
		'opacity': '1'
	},200)
})
$('.kuai3').click(function(){
	$('.cha3').animate({
		'left': '80%',
		'opacity': '1'
	},200)
})

$('.spot6').click(function(){
	ment = false;
	$('.bottom_photo6').css('transform','scale(1.5) translate(45%,10%)')
	$('.campDetails').animate({
		'left': '47%',
		'opacity': '1'
	},500)
	$('.bottom_photo').animate({
		'top': '5%',
		'opacity': '0'
	},500)
	$('.bottom_photo2').animate({
		'top': '-5%',
		'opacity': '0'
	},500)
	$('.bottom_photo3').animate({
		'top': '30%',
		'opacity': '0'
	},500)
	$('.bottom_photo4').animate({
		'top': '25%',
		'opacity': '0'
	},500)
	$('.bottom_photo5').animate({
		'top': '25%',
		'opacity': '0'
	},500)
	$('.top_photo6').css('transform','scale(1.5) translate(45%,11%)')
	$('.top_photo').animate({
		'top': '-3%',
		'opacity': '0'
	},500)
	$('.top_photo2').animate({
		'top': '0',
		'opacity': '0'
	},500)
	$('.top_photo3').animate({
		'top': '30%',
		'opacity': '0'
	},500)
	$('.top_photo4').animate({
		'top': '20%',
		'opacity': '0'
	},500)
	$('.top_photo5').animate({
		'top': '25%',
		'opacity': '0'
	},500)
	
})

let halfWinWidth = $(window).width() / 2;
$('.camp2').mousemove(function(e){

// if(ment){
	if(e.clientX > halfWinWidth){
		$('.bottom_photo').css({
			left: '36%'
		}),
		$('.bottom_photo2').css({
			left: '63%'
		}),
		$('.bottom_photo3').css({
			left: '73%'
		})
		$('.bottom_photo4').css({
			left: '48%'
		})
		$('.bottom_photo5').css({
			left: '26%'
		})
		$('.bottom_photo6').css({
			left: '-2%'
		})
		$('.top_photo').css({
			left: '35%'
		}),
		$('.top_photo2').css({
			left: '62%'
		}),
		$('.top_photo3').css({
			left: '72%'
		})
		$('.top_photo4').css({
			left: '46%'
		})
		$('.top_photo5').css({
			left: '25%'
		})
		$('.top_photo6').css({
			left: '-3%'
		})
	}else{
		$('.bottom_photo').css({
			left: '38%',
		})
		$('.bottom_photo2').css({
			left: '65%'
		})
		$('.bottom_photo3').css({
			left: '75%'
		})
		$('.bottom_photo4').css({
			left: '50%'
		})
		$('.bottom_photo5').css({
			left: '28%'
		})
		$('.bottom_photo6').css({
			left: '0'
		})
		$('.top_photo').css({
			left: '38%',
		})
		$('.top_photo2').css({
			left: '65%'
		})
		$('.top_photo3').css({
			left: '75%'
		})
		$('.top_photo4').css({
			left: '49%'
		})
		$('.top_photo5').css({
			left: '28%'
		})
		$('.top_photo6').css({
			left: '0'
		})
	}
// }
	
})

$('.guan').click(function(){
	$('.top_photo6').css('transform','scale(1) translate(0%,14%)')
	$('.bottom_photo6').css('transform','scale(1) translate(0%,14%)')
	$('.campDetails').animate({
		'left': '20%',
		'opacity': '0'
	},500)
	$('.bottom_photo').animate({
		'top': '11%',
		'opacity': '1'
	},500)
	$('.bottom_photo2').animate({
		'top': '15%',
		'opacity': '1'
	},500)
	$('.bottom_photo3').animate({
		'top': '50%',
		'opacity': '1'
	},500)
	$('.bottom_photo4').animate({
		'top': '45%',
		'opacity': '1'
	},500)
	$('.bottom_photo5').animate({
		'top': '50%',
		'opacity': '1'
	},500)
	$('.top_photo').animate({
		'top': '3%',
		'opacity': '1'
	},500)
	$('.top_photo2').animate({
		'top': '5%',
		'opacity': '1'
	},500)
	$('.top_photo3').animate({
		'top': '50%',
		'opacity': '1'
	},500)
	$('.top_photo4').animate({
		'top': '40%',
		'opacity': '1'
	},500)
	$('.top_photo5').animate({
		'top': '50%',
		'opacity': '1'
	},500)
})

let a = true;
$('.nav').click(function(){
	if(a){
		$('.detailedNav').addClass('w')
		$('.two').css('width','0')
		$('.one').css('transform','rotate(45deg)')
		$('.three').css('transform','rotate(-45deg)')
		$('.three').css('top','-16px')
		$('.detailedNav').animate({
			'top': '50px'
		})
	}else{
		$('.detailedNav').addClass('w')
		$('.two').css('width','28px')
		$('.one').css('transform','rotate(0)')
		$('.three').css('transform','rotate(0)')
		$('.three').css('top','0')
		$('.detailedNav').animate({
			'top': '-534px'
		})
	}
	a = !a;
})
$('#menu li a').click(function(){
	$('.detailedNav').addClass('w')
	$('.two').css('width','28px')
	$('.one').css('transform','rotate(0)')
	$('.three').css('transform','rotate(0)')
	$('.three').css('top','0')
	$('.detailedNav').animate({
		'top': '-534px'
	})
})